<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=4757940" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">进入</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
                <div class="name">用户</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8d4;</span>
                <div class="name">240显示、可见</div>
                <div class="code-name">&amp;#xe8d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8d5;</span>
                <div class="name">进入箭头2小</div>
                <div class="code-name">&amp;#xe8d5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">进入</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe673;</span>
                <div class="name">进入-24</div>
                <div class="code-name">&amp;#xe673;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb6f;</span>
                <div class="name">24gl-insertLeft</div>
                <div class="code-name">&amp;#xeb6f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb70;</span>
                <div class="name">24gl-insertDown</div>
                <div class="code-name">&amp;#xeb70;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb71;</span>
                <div class="name">24gl-insertRight</div>
                <div class="code-name">&amp;#xeb71;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe647;</span>
                <div class="name">用户</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78a;</span>
                <div class="name">不可见</div>
                <div class="code-name">&amp;#xe78a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61c;</span>
                <div class="name">用户</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bc;</span>
                <div class="name">进入</div>
                <div class="code-name">&amp;#xe6bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
                <div class="name">用户</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe97e;</span>
                <div class="name">登录,进入,进</div>
                <div class="code-name">&amp;#xe97e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe605;</span>
                <div class="name">不可见</div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xee34;</span>
                <div class="name">不可见</div>
                <div class="code-name">&amp;#xee34;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe608;</span>
                <div class="name">可见性-可见</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
                <div class="name">不可见</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe709;</span>
                <div class="name">1</div>
                <div class="code-name">&amp;#xe709;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b4;</span>
                <div class="name">按钮#多个人审批</div>
                <div class="code-name">&amp;#xe6b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71f;</span>
                <div class="name">show_department科室</div>
                <div class="code-name">&amp;#xe71f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe755;</span>
                <div class="name">多个人</div>
                <div class="code-name">&amp;#xe755;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64d;</span>
                <div class="name">group</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6af;</span>
                <div class="name">拉新客活动</div>
                <div class="code-name">&amp;#xe6af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
                <div class="name">搜索</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe641;</span>
                <div class="name">搜索</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe600;</span>
                <div class="name">钟</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
                <div class="name">钟</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
                <div class="name">交易记录</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe615;</span>
                <div class="name">新添加图片 </div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe601;</span>
                <div class="name">B-职位-部门</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8c1;</span>
                <div class="name">表单控件 联系人</div>
                <div class="code-name">&amp;#xe8c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61b;</span>
                <div class="name">客户需求</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
                <div class="name">最新添加</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe646;</span>
                <div class="name">联系人</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73e;</span>
                <div class="name">联系人</div>
                <div class="code-name">&amp;#xe73e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">联系人</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe606;</span>
                <div class="name">新添加-01</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe609;</span>
                <div class="name">交易管理</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe695;</span>
                <div class="name">交易管理</div>
                <div class="code-name">&amp;#xe695;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ba;</span>
                <div class="name">用户手册</div>
                <div class="code-name">&amp;#xe6ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
                <div class="name">通讯录</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe642;</span>
                <div class="name">客户分类</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">搜索</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
                <div class="name">潜在新客户</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe672;</span>
                <div class="name">交易明细</div>
                <div class="code-name">&amp;#xe672;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60b;</span>
                <div class="name">信息收集 ICON_新添题目</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe697;</span>
                <div class="name">联系人</div>
                <div class="code-name">&amp;#xe697;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe611;</span>
                <div class="name">搜索</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe814;</span>
                <div class="name">联系人</div>
                <div class="code-name">&amp;#xe814;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe699;</span>
                <div class="name">新添加的图标</div>
                <div class="code-name">&amp;#xe699;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ac;</span>
                <div class="name">客户资料</div>
                <div class="code-name">&amp;#xe6ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
                <div class="name">交易设置</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60a;</span>
                <div class="name">员工资料库</div>
                <div class="code-name">&amp;#xe60a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xf13d;</span>
                <div class="name">account-box-multiple</div>
                <div class="code-name">&amp;#xf13d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d4;</span>
                <div class="name">客户资料</div>
                <div class="code-name">&amp;#xe7d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d3;</span>
                <div class="name">钟</div>
                <div class="code-name">&amp;#xe6d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe931;</span>
                <div class="name">增加</div>
                <div class="code-name">&amp;#xe931;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe634;</span>
                <div class="name">交易申请与交易确认</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">搜索</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75b;</span>
                <div class="name">搜索</div>
                <div class="code-name">&amp;#xe75b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe766;</span>
                <div class="name">新添员工</div>
                <div class="code-name">&amp;#xe766;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe721;</span>
                <div class="name">员工资料库</div>
                <div class="code-name">&amp;#xe721;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75e;</span>
                <div class="name">jhxqdj</div>
                <div class="code-name">&amp;#xe75e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fb;</span>
                <div class="name">客户需求运营平台-操作日志</div>
                <div class="code-name">&amp;#xe6fb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66c;</span>
                <div class="name">客户资料</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61e;</span>
                <div class="name">新添地址</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
                <div class="name">icon_客户_分类</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67f;</span>
                <div class="name">新添加客户</div>
                <div class="code-name">&amp;#xe67f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
                <div class="name">客户分类-未选中</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78b;</span>
                <div class="name">大客户需求订单</div>
                <div class="code-name">&amp;#xe78b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe602;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60c;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a3;</span>
                <div class="name">XHF-客户-2客户分类</div>
                <div class="code-name">&amp;#xe6a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77f;</span>
                <div class="name">客户分类数据</div>
                <div class="code-name">&amp;#xe77f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe603;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67b;</span>
                <div class="name">新-添加</div>
                <div class="code-name">&amp;#xe67b;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot?t=1733714951505'); /* IE9 */
  src: url('iconfont.eot?t=1733714951505#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
       url('iconfont.woff?t=1733714951505') format('woff'),
       url('iconfont.ttf?t=1733714951505') format('truetype'),
       url('iconfont.svg?t=1733714951505#iconfont') format('svg');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-jinru"></span>
            <div class="name">
              进入
            </div>
            <div class="code-name">.icon-jinru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghu"></span>
            <div class="name">
              用户
            </div>
            <div class="code-name">.icon-yonghu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xianshikejian"></span>
            <div class="name">
              240显示、可见
            </div>
            <div class="code-name">.icon-xianshikejian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jinrujiantouxiao"></span>
            <div class="name">
              进入箭头2小
            </div>
            <div class="code-name">.icon-jinrujiantouxiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jinru1"></span>
            <div class="name">
              进入
            </div>
            <div class="code-name">.icon-jinru1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jinru-"></span>
            <div class="name">
              进入-24
            </div>
            <div class="code-name">.icon-jinru-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-24gl-insertLeft"></span>
            <div class="name">
              24gl-insertLeft
            </div>
            <div class="code-name">.icon-24gl-insertLeft
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-24gl-insertDown"></span>
            <div class="name">
              24gl-insertDown
            </div>
            <div class="code-name">.icon-24gl-insertDown
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-24gl-insertRight"></span>
            <div class="name">
              24gl-insertRight
            </div>
            <div class="code-name">.icon-24gl-insertRight
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghu1"></span>
            <div class="name">
              用户
            </div>
            <div class="code-name">.icon-yonghu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bukejian"></span>
            <div class="name">
              不可见
            </div>
            <div class="code-name">.icon-bukejian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghu2"></span>
            <div class="name">
              用户
            </div>
            <div class="code-name">.icon-yonghu2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jinru2"></span>
            <div class="name">
              进入
            </div>
            <div class="code-name">.icon-jinru2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghu3"></span>
            <div class="name">
              用户
            </div>
            <div class="code-name">.icon-yonghu3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-login"></span>
            <div class="name">
              登录,进入,进
            </div>
            <div class="code-name">.icon-login
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-0-01"></span>
            <div class="name">
              不可见
            </div>
            <div class="code-name">.icon-0-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bukejian1"></span>
            <div class="name">
              不可见
            </div>
            <div class="code-name">.icon-bukejian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kejianxing-kejian"></span>
            <div class="name">
              可见性-可见
            </div>
            <div class="code-name">.icon-kejianxing-kejian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bukejian2"></span>
            <div class="name">
              不可见
            </div>
            <div class="code-name">.icon-bukejian2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-1"></span>
            <div class="name">
              1
            </div>
            <div class="code-name">.icon-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-anniuduogerenshenpi"></span>
            <div class="name">
              按钮#多个人审批
            </div>
            <div class="code-name">.icon-anniuduogerenshenpi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-show_department"></span>
            <div class="name">
              show_department科室
            </div>
            <div class="code-name">.icon-show_department
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duogeren"></span>
            <div class="name">
              多个人
            </div>
            <div class="code-name">.icon-duogeren
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-group"></span>
            <div class="name">
              group
            </div>
            <div class="code-name">.icon-group
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-laxinkehuodong"></span>
            <div class="name">
              拉新客活动
            </div>
            <div class="code-name">.icon-laxinkehuodong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sousuo"></span>
            <div class="name">
              搜索
            </div>
            <div class="code-name">.icon-sousuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sousuo1"></span>
            <div class="name">
              搜索
            </div>
            <div class="code-name">.icon-sousuo1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhong"></span>
            <div class="name">
              钟
            </div>
            <div class="code-name">.icon-zhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhong1"></span>
            <div class="name">
              钟
            </div>
            <div class="code-name">.icon-zhong1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoyijilu"></span>
            <div class="name">
              交易记录
            </div>
            <div class="code-name">.icon-jiaoyijilu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xintianjiatupian"></span>
            <div class="name">
              新添加图片 
            </div>
            <div class="code-name">.icon-xintianjiatupian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bzhiweibumen"></span>
            <div class="name">
              B-职位-部门
            </div>
            <div class="code-name">.icon-bzhiweibumen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaodankongjianlianxiren"></span>
            <div class="name">
              表单控件 联系人
            </div>
            <div class="code-name">.icon-biaodankongjianlianxiren
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kehuxuqiu"></span>
            <div class="name">
              客户需求
            </div>
            <div class="code-name">.icon-kehuxuqiu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zuixinshanchu-"></span>
            <div class="name">
              最新添加
            </div>
            <div class="code-name">.icon-zuixinshanchu-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lianxiren"></span>
            <div class="name">
              联系人
            </div>
            <div class="code-name">.icon-lianxiren
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lianxiren1"></span>
            <div class="name">
              联系人
            </div>
            <div class="code-name">.icon-lianxiren1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lianxiren2"></span>
            <div class="name">
              联系人
            </div>
            <div class="code-name">.icon-lianxiren2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xintianjia-"></span>
            <div class="name">
              新添加-01
            </div>
            <div class="code-name">.icon-xintianjia-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoyiguanli"></span>
            <div class="name">
              交易管理
            </div>
            <div class="code-name">.icon-jiaoyiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoyiguanli1"></span>
            <div class="name">
              交易管理
            </div>
            <div class="code-name">.icon-jiaoyiguanli1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghushouce"></span>
            <div class="name">
              用户手册
            </div>
            <div class="code-name">.icon-yonghushouce
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tongxunlu"></span>
            <div class="name">
              通讯录
            </div>
            <div class="code-name">.icon-tongxunlu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-leimupinleifenleileibie"></span>
            <div class="name">
              客户分类
            </div>
            <div class="code-name">.icon-leimupinleifenleileibie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sousuo2"></span>
            <div class="name">
              搜索
            </div>
            <div class="code-name">.icon-sousuo2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qianzaixinkehu"></span>
            <div class="name">
              潜在新客户
            </div>
            <div class="code-name">.icon-qianzaixinkehu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoyimingxi"></span>
            <div class="name">
              交易明细
            </div>
            <div class="code-name">.icon-jiaoyimingxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinxishoujiICON_xintiantimu"></span>
            <div class="name">
              信息收集 ICON_新添题目
            </div>
            <div class="code-name">.icon-xinxishoujiICON_xintiantimu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lianxiren3"></span>
            <div class="name">
              联系人
            </div>
            <div class="code-name">.icon-lianxiren3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sousuo3"></span>
            <div class="name">
              搜索
            </div>
            <div class="code-name">.icon-sousuo3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lianxiren4"></span>
            <div class="name">
              联系人
            </div>
            <div class="code-name">.icon-lianxiren4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xintianjiadetubiao"></span>
            <div class="name">
              新添加的图标
            </div>
            <div class="code-name">.icon-xintianjiadetubiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kehuziliao"></span>
            <div class="name">
              客户资料
            </div>
            <div class="code-name">.icon-kehuziliao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoyishezhi"></span>
            <div class="name">
              交易设置
            </div>
            <div class="code-name">.icon-jiaoyishezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yuangongziliaoku"></span>
            <div class="name">
              员工资料库
            </div>
            <div class="code-name">.icon-yuangongziliaoku
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-account-box-multiple"></span>
            <div class="name">
              account-box-multiple
            </div>
            <div class="code-name">.icon-account-box-multiple
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kehuziliao1"></span>
            <div class="name">
              客户资料
            </div>
            <div class="code-name">.icon-kehuziliao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhong2"></span>
            <div class="name">
              钟
            </div>
            <div class="code-name">.icon-zhong2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-l-increasezengjia"></span>
            <div class="name">
              增加
            </div>
            <div class="code-name">.icon-l-increasezengjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kehujiaoyixinxi"></span>
            <div class="name">
              交易申请与交易确认
            </div>
            <div class="code-name">.icon-kehujiaoyixinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sousuobeifen2"></span>
            <div class="name">
              搜索
            </div>
            <div class="code-name">.icon-sousuobeifen2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sousuo4"></span>
            <div class="name">
              搜索
            </div>
            <div class="code-name">.icon-sousuo4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xintianyuangong"></span>
            <div class="name">
              新添员工
            </div>
            <div class="code-name">.icon-xintianyuangong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yuangongziliaoku1"></span>
            <div class="name">
              员工资料库
            </div>
            <div class="code-name">.icon-yuangongziliaoku1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kehuxuqiudengjibiao"></span>
            <div class="name">
              jhxqdj
            </div>
            <div class="code-name">.icon-kehuxuqiudengjibiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kehuxuqiuyunyingpingtai-caozuorizhi"></span>
            <div class="name">
              客户需求运营平台-操作日志
            </div>
            <div class="code-name">.icon-kehuxuqiuyunyingpingtai-caozuorizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kehuziliao2"></span>
            <div class="name">
              客户资料
            </div>
            <div class="code-name">.icon-kehuziliao2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xintiandizhi"></span>
            <div class="name">
              新添地址
            </div>
            <div class="code-name">.icon-xintiandizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_kehu_fenlei"></span>
            <div class="name">
              icon_客户_分类
            </div>
            <div class="code-name">.icon-icon_kehu_fenlei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xintianjiakehu"></span>
            <div class="name">
              新添加客户
            </div>
            <div class="code-name">.icon-xintianjiakehu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kehufenlei-weixuanzhong"></span>
            <div class="name">
              客户分类-未选中
            </div>
            <div class="code-name">.icon-kehufenlei-weixuanzhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dakehuxuqiudingdan"></span>
            <div class="name">
              大客户需求订单
            </div>
            <div class="code-name">.icon-dakehuxuqiudingdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouye"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.icon-shouye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouye1"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.icon-shouye1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-XHF-kehu-2kehufenlei"></span>
            <div class="name">
              XHF-客户-2客户分类
            </div>
            <div class="code-name">.icon-XHF-kehu-2kehufenlei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouye2"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.icon-shouye2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kehufenleishuju"></span>
            <div class="name">
              客户分类数据
            </div>
            <div class="code-name">.icon-kehufenleishuju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouye3"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.icon-shouye3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tianjia"></span>
            <div class="name">
              新-添加
            </div>
            <div class="code-name">.icon-tianjia
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jinru"></use>
                </svg>
                <div class="name">进入</div>
                <div class="code-name">#icon-jinru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yonghu"></use>
                </svg>
                <div class="name">用户</div>
                <div class="code-name">#icon-yonghu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xianshikejian"></use>
                </svg>
                <div class="name">240显示、可见</div>
                <div class="code-name">#icon-xianshikejian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jinrujiantouxiao"></use>
                </svg>
                <div class="name">进入箭头2小</div>
                <div class="code-name">#icon-jinrujiantouxiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jinru1"></use>
                </svg>
                <div class="name">进入</div>
                <div class="code-name">#icon-jinru1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jinru-"></use>
                </svg>
                <div class="name">进入-24</div>
                <div class="code-name">#icon-jinru-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-24gl-insertLeft"></use>
                </svg>
                <div class="name">24gl-insertLeft</div>
                <div class="code-name">#icon-24gl-insertLeft</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-24gl-insertDown"></use>
                </svg>
                <div class="name">24gl-insertDown</div>
                <div class="code-name">#icon-24gl-insertDown</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-24gl-insertRight"></use>
                </svg>
                <div class="name">24gl-insertRight</div>
                <div class="code-name">#icon-24gl-insertRight</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yonghu1"></use>
                </svg>
                <div class="name">用户</div>
                <div class="code-name">#icon-yonghu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bukejian"></use>
                </svg>
                <div class="name">不可见</div>
                <div class="code-name">#icon-bukejian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yonghu2"></use>
                </svg>
                <div class="name">用户</div>
                <div class="code-name">#icon-yonghu2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jinru2"></use>
                </svg>
                <div class="name">进入</div>
                <div class="code-name">#icon-jinru2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yonghu3"></use>
                </svg>
                <div class="name">用户</div>
                <div class="code-name">#icon-yonghu3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-login"></use>
                </svg>
                <div class="name">登录,进入,进</div>
                <div class="code-name">#icon-login</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-0-01"></use>
                </svg>
                <div class="name">不可见</div>
                <div class="code-name">#icon-0-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bukejian1"></use>
                </svg>
                <div class="name">不可见</div>
                <div class="code-name">#icon-bukejian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kejianxing-kejian"></use>
                </svg>
                <div class="name">可见性-可见</div>
                <div class="code-name">#icon-kejianxing-kejian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bukejian2"></use>
                </svg>
                <div class="name">不可见</div>
                <div class="code-name">#icon-bukejian2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-1"></use>
                </svg>
                <div class="name">1</div>
                <div class="code-name">#icon-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anniuduogerenshenpi"></use>
                </svg>
                <div class="name">按钮#多个人审批</div>
                <div class="code-name">#icon-anniuduogerenshenpi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-show_department"></use>
                </svg>
                <div class="name">show_department科室</div>
                <div class="code-name">#icon-show_department</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duogeren"></use>
                </svg>
                <div class="name">多个人</div>
                <div class="code-name">#icon-duogeren</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-group"></use>
                </svg>
                <div class="name">group</div>
                <div class="code-name">#icon-group</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-laxinkehuodong"></use>
                </svg>
                <div class="name">拉新客活动</div>
                <div class="code-name">#icon-laxinkehuodong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sousuo"></use>
                </svg>
                <div class="name">搜索</div>
                <div class="code-name">#icon-sousuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sousuo1"></use>
                </svg>
                <div class="name">搜索</div>
                <div class="code-name">#icon-sousuo1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhong"></use>
                </svg>
                <div class="name">钟</div>
                <div class="code-name">#icon-zhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhong1"></use>
                </svg>
                <div class="name">钟</div>
                <div class="code-name">#icon-zhong1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaoyijilu"></use>
                </svg>
                <div class="name">交易记录</div>
                <div class="code-name">#icon-jiaoyijilu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xintianjiatupian"></use>
                </svg>
                <div class="name">新添加图片 </div>
                <div class="code-name">#icon-xintianjiatupian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bzhiweibumen"></use>
                </svg>
                <div class="name">B-职位-部门</div>
                <div class="code-name">#icon-bzhiweibumen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaodankongjianlianxiren"></use>
                </svg>
                <div class="name">表单控件 联系人</div>
                <div class="code-name">#icon-biaodankongjianlianxiren</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kehuxuqiu"></use>
                </svg>
                <div class="name">客户需求</div>
                <div class="code-name">#icon-kehuxuqiu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zuixinshanchu-"></use>
                </svg>
                <div class="name">最新添加</div>
                <div class="code-name">#icon-zuixinshanchu-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lianxiren"></use>
                </svg>
                <div class="name">联系人</div>
                <div class="code-name">#icon-lianxiren</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lianxiren1"></use>
                </svg>
                <div class="name">联系人</div>
                <div class="code-name">#icon-lianxiren1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lianxiren2"></use>
                </svg>
                <div class="name">联系人</div>
                <div class="code-name">#icon-lianxiren2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xintianjia-"></use>
                </svg>
                <div class="name">新添加-01</div>
                <div class="code-name">#icon-xintianjia-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaoyiguanli"></use>
                </svg>
                <div class="name">交易管理</div>
                <div class="code-name">#icon-jiaoyiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaoyiguanli1"></use>
                </svg>
                <div class="name">交易管理</div>
                <div class="code-name">#icon-jiaoyiguanli1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yonghushouce"></use>
                </svg>
                <div class="name">用户手册</div>
                <div class="code-name">#icon-yonghushouce</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tongxunlu"></use>
                </svg>
                <div class="name">通讯录</div>
                <div class="code-name">#icon-tongxunlu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-leimupinleifenleileibie"></use>
                </svg>
                <div class="name">客户分类</div>
                <div class="code-name">#icon-leimupinleifenleileibie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sousuo2"></use>
                </svg>
                <div class="name">搜索</div>
                <div class="code-name">#icon-sousuo2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qianzaixinkehu"></use>
                </svg>
                <div class="name">潜在新客户</div>
                <div class="code-name">#icon-qianzaixinkehu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaoyimingxi"></use>
                </svg>
                <div class="name">交易明细</div>
                <div class="code-name">#icon-jiaoyimingxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinxishoujiICON_xintiantimu"></use>
                </svg>
                <div class="name">信息收集 ICON_新添题目</div>
                <div class="code-name">#icon-xinxishoujiICON_xintiantimu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lianxiren3"></use>
                </svg>
                <div class="name">联系人</div>
                <div class="code-name">#icon-lianxiren3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sousuo3"></use>
                </svg>
                <div class="name">搜索</div>
                <div class="code-name">#icon-sousuo3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lianxiren4"></use>
                </svg>
                <div class="name">联系人</div>
                <div class="code-name">#icon-lianxiren4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xintianjiadetubiao"></use>
                </svg>
                <div class="name">新添加的图标</div>
                <div class="code-name">#icon-xintianjiadetubiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kehuziliao"></use>
                </svg>
                <div class="name">客户资料</div>
                <div class="code-name">#icon-kehuziliao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaoyishezhi"></use>
                </svg>
                <div class="name">交易设置</div>
                <div class="code-name">#icon-jiaoyishezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yuangongziliaoku"></use>
                </svg>
                <div class="name">员工资料库</div>
                <div class="code-name">#icon-yuangongziliaoku</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-account-box-multiple"></use>
                </svg>
                <div class="name">account-box-multiple</div>
                <div class="code-name">#icon-account-box-multiple</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kehuziliao1"></use>
                </svg>
                <div class="name">客户资料</div>
                <div class="code-name">#icon-kehuziliao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhong2"></use>
                </svg>
                <div class="name">钟</div>
                <div class="code-name">#icon-zhong2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-l-increasezengjia"></use>
                </svg>
                <div class="name">增加</div>
                <div class="code-name">#icon-l-increasezengjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kehujiaoyixinxi"></use>
                </svg>
                <div class="name">交易申请与交易确认</div>
                <div class="code-name">#icon-kehujiaoyixinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sousuobeifen2"></use>
                </svg>
                <div class="name">搜索</div>
                <div class="code-name">#icon-sousuobeifen2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sousuo4"></use>
                </svg>
                <div class="name">搜索</div>
                <div class="code-name">#icon-sousuo4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xintianyuangong"></use>
                </svg>
                <div class="name">新添员工</div>
                <div class="code-name">#icon-xintianyuangong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yuangongziliaoku1"></use>
                </svg>
                <div class="name">员工资料库</div>
                <div class="code-name">#icon-yuangongziliaoku1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kehuxuqiudengjibiao"></use>
                </svg>
                <div class="name">jhxqdj</div>
                <div class="code-name">#icon-kehuxuqiudengjibiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kehuxuqiuyunyingpingtai-caozuorizhi"></use>
                </svg>
                <div class="name">客户需求运营平台-操作日志</div>
                <div class="code-name">#icon-kehuxuqiuyunyingpingtai-caozuorizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kehuziliao2"></use>
                </svg>
                <div class="name">客户资料</div>
                <div class="code-name">#icon-kehuziliao2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xintiandizhi"></use>
                </svg>
                <div class="name">新添地址</div>
                <div class="code-name">#icon-xintiandizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_kehu_fenlei"></use>
                </svg>
                <div class="name">icon_客户_分类</div>
                <div class="code-name">#icon-icon_kehu_fenlei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xintianjiakehu"></use>
                </svg>
                <div class="name">新添加客户</div>
                <div class="code-name">#icon-xintianjiakehu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kehufenlei-weixuanzhong"></use>
                </svg>
                <div class="name">客户分类-未选中</div>
                <div class="code-name">#icon-kehufenlei-weixuanzhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dakehuxuqiudingdan"></use>
                </svg>
                <div class="name">大客户需求订单</div>
                <div class="code-name">#icon-dakehuxuqiudingdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouye"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#icon-shouye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouye1"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#icon-shouye1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-XHF-kehu-2kehufenlei"></use>
                </svg>
                <div class="name">XHF-客户-2客户分类</div>
                <div class="code-name">#icon-XHF-kehu-2kehufenlei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouye2"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#icon-shouye2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kehufenleishuju"></use>
                </svg>
                <div class="name">客户分类数据</div>
                <div class="code-name">#icon-kehufenleishuju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouye3"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#icon-shouye3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tianjia"></use>
                </svg>
                <div class="name">新-添加</div>
                <div class="code-name">#icon-tianjia</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
